{% extends 'Washer/index.html' %}

{% block title %}我的{% endblock %}

{% block subject %}
<style>
	button:hover {
		box-shadow: 0px 0px 3px #000080;
	}
</style>
<header>
	<!--首页导航-->
	<ul class="layui-nav" style="display:flex;justify-content:center;">
		<li class="layui-nav-item"><a href="/washer/index" style="font-size:24px;">首页</a></li>
		<li class="layui-nav-item"><a href="/washapp/index" style="font-size:24px;">洗衣</a></li>
		<li class="layui-nav-item"><a href="/community/index" style="font-size:24px;">社区</a></li>
		{% if 'uid' in request.session and 'upassword' in request.session %}
		<li class="layui-nav-item layui-this">
			<a href="/washer/login" style="font-size:24px;">{{ userinfo.username }}</a>
		</li>
		{% else %}
		<li class="layui-nav-item layui-this"><a href="/washer/login" style="font-size:24px;">我的</a></li>
		{% endif %}
	</ul>
</header>

<main>
	<!--用户信息表格陈列-->
	<div class="userinfo" style="width:30%;margin:20px auto;box-shadow:0px 0px 5px #008000;">
		<table class="layui-table" lay-even>
			<caption style="font-size:26px;color:#05295c;margin:0 auto;background-color:#e3e5e8;">
				{{ userinfo.username }}
			</caption>
			<tr>
				<th>性别</th>
				<th>年龄</th>
				<th>电话/邮箱</th>
			</tr>
			<tr>
				{% if userinfo.usergender == False %}
				<td>男</td>
				{% else %}
				<td>女</td>
				{% endif %}
				<td>{{ userinfo.userage }}</td>
				<td>{{ current }}</td>
			</tr>
		</table>
	</div>
	<!--用户的操作(我的订单、用户登出、用户注销)-->
	<div class="option-btn">
		<!--我的订单-->
		<div style="width:30%;margin:10px auto;">
			<a href="/washer/order">
				<button class="layui-btn layui-btn-radius layui-btn-lg layui-btn-normal" style="width:100%;">我的订单
				</button>
			</a>
		</div>
		<!--我的留言-->
		<div style="width:30%;margin:10px auto;">
			<a href="/community/note">
				<button class="layui-btn layui-btn-radius layui-btn-lg layui-btn-normal" style="width:100%;">我的留言
				</button>
			</a>
		</div>
		<!--用户退出登录-->
		<div style="width:30%;margin:10px auto;">
			<a href="/washer/loginout">
				<button class="layui-btn layui-btn-radius layui-btn-lg layui-btn-primary layui-border-red"
					style="width:100%;">退出登录
				</button>
			</a>
		</div>
		<!--用户注销登录-->
		<div style="width:30%;margin:10px auto;">
			<a href="/washer/cancel">
				<button class="layui-btn layui-btn-radius layui-btn-lg layui-btn-danger" style="width:100%;">注销用户
				</button>
			</a>
		</div>
	</div>
</main>

<footer>

</footer>
{% endblock %}
